<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4">
<head>
<title>大猴子-一个人的世界</title>
<meta name="keywords" content="大猴子,程序员,运维,电影,阅读,社会学,讲座,IT" />
<meta name="description" content="大猴子是一位闲的蛋疼的运维工的个人博客，这里将分享他的故事与经历" />
<div th:include="tmp/css :: css_web"></div>
</head>

<body>
	<div th:include="tmp/layout :: nav_web"></div>
	<div class="container">
		<hr />
		<div class="row">
			<div class="border border-primary col-2 hidden-md-down">
				<div class="jumbotron ">
					<img th:src="@{/image/dhz@600.jpg}" width="120" height="120" class="rounded mx-auto d-block" alt="...">
					<hr class="my-4">
					<p class="text-center" data-toggle="tooltip" data-placement="top" title="我有故事，你有酒么？">空空</p>
					<span class="badge badge-default">运维</span> <span class="badge badge-primary">业余程序员</span><span class="badge badge-danger">阅读</span><span class="badge badge-success">老电影</span> <span
						class="badge badge-info">社会学</span>
				</div>
			</div>
			<div class="col">
				<!-- ----------- -->
				<div class="card card-inverse card-info mb-3 text-center">
					<div class="card-block">
						<blockquote class="card-blockquote">
							<p>最喜欢的诗人</p>
							<footer>
								李煜<cite title="Source Title">（南唐后主）</cite>
							</footer>
						</blockquote>
					</div>
				</div>
				<!-- ---- -->
				<div class="card card-outline-primary mb-3 text-center">
					<div class="card-block">
						<blockquote class="card-blockquote">
							<p>最喜欢的电影</p>
							<footer>
								可可西里 <cite title="Source Title">(2004)</cite>
							</footer>
							<footer>盲山/盲井 </footer>
							<footer>
								紫日/红河谷/黄河绝恋 <cite title="Source Title"><冯小宁的战争三部曲></cite>
							</footer>
							<footer> 精诚大医 (2011)/医痴叶天士 (2008)/黄连.厚朴 (2000) </footer>
							<footer> 万箭穿心 </footer>
							<footer> 独自等待 </footer>
							<footer> 生死罗布泊 (2012) </footer>
						</blockquote>
					</div>
				</div>
				<!-- ---- -->
				<!-- ----------- -->
			</div>
			<div class="col-3 hidden-md-down">
				<div class="list-group">
					<a href="#" class="list-group-item active"> TOP点击 </a> <a href="#" class="list-group-item list-group-item-action">罗衾不耐五更寒</a>
				</div>
				<hr />
				<div class="list-group">
					<a href="#" class="list-group-item list-group-item-action flex-column align-items-start active">
						<div class="d-flex w-100 justify-content-between">
							<h5 class="mb-1">最新评论</h5>
							<small>3天前</small>
						</div>
					</a> <a href="#" class="list-group-item list-group-item-action flex-column align-items-start">
						<div class="d-flex w-100 justify-content-between">
							<h5 class="mb-1">还没评论</h5>
							<small class="text-muted">3 days ago</small>
						</div>
						<p class="mb-1">天行健君子以自强不息</p> <small class="text-muted">地势坤...</small>
				</div>
			</div>
		</div>
	</div>
	<div th:include="tmp/copyright :: copyright"></div>
	<div th:include="tmp/js :: js_web"></div>
	<script>
		$(function() {
			$('[data-toggle="tooltip"]').tooltip()
		})
	</script>
</body>
</html>